/*
* @Author: Choisaaaa
* @Date: 2018/5/11  0:33
* seller商品列表样式
*/

.pro-add .btn{
    width: 90px;
    margin-right: 13px;
}
.pro-select{
    margin-top: 10px;
    margin-bottom: 20px;
}
.pro-select select{
    width: 115px;
    height: 34px;
}
.panel-body .search-con{
    position: absolute;
    left: 280px;
    top: 109px;
}
.panel-body .search-con input{
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
}
 /* 1.表格 */
.pro-table{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin-top: 10px;
}
.pro-table .pro-cell{
    padding-left: 10px;
}

/* 2.列表头部 */
.pro-table th{
    font-weight: bold;
    font-size: 12px;
}
.product-header{
    background: #eee;
}
.product-header .pro-cell{
    height: 40px;
    line-height: 40px;
}
 /* 3.列表主体样式 */
/* 加载中的样式 */
.panel-body .product-list .fa-spin{
    font-size: 80px;
    color: #ddd;
    margin-top: 50px;
    margin-left: 400px;
}
.panel-body .product-list .tips{
    text-align: center;
    margin-top: 50px;
    font-size: 15px;
}
.panel-body .product-list .tips a{
    text-decoration: none;
    color: #c60023;
}
.panel-body .product-list .pro-table tr{
    font-size: 15px;
}
.pro-table{
    table-layout: fixed;
}
.pro-table  .pro-cell{
    height: 40px;
    line-height: 40px;
    text-align: left;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pro-table .cell-name{
    width: 20%;
}
.pro-table .cell-normal-price{
    width: 10%;
}
.pro-table .cell-promotion-price{
    width: 10%;
}
.pro-table .cell-stock{
    width: 11%;
}
.pro-table .cell-name-create-time{
    width: 24%;
}
.pro-table .cell-status{
     width: 10%;
}
.pro-table .cell-operation{
    width: 10%;
}
.pro-table .cell-link{
    width: 10%;
}

/* 商品不同状态的样式 */
.pro-table .cell-status.status--1{
    color: grey;
}
.pro-table .cell-status.status-0{
    color: #c60023;
}
.pro-table .cell-status.status-1{
    color: #ff6600;
}
.pro-table .cell-status.status-2{
    color: black;
}
.pro-table .cell-operation .btn{
    width: 38px;
    height: 10px;
    font-size: 10px;
}
.pro-table .cell-operation.status--1 .btn{
    background: #449d44;
}
.pro-table .cell-operation.status--1 .btn:hover{
    border: #398439;
}
.pro-table .cell-operation.status-0 .btn{
    background: #5bc0de;
}
.pro-table .cell-operation.status-0 .btn:hover{
    border:1px solid #5bc0de;
}
.pro-table .cell-operation.status-1 .btn{
    background: #5bc0de;
}
.pro-table .cell-operation.status-1 .btn:hover{
    border: 1px solid #5bc0de;
}
.pro-table .cell-operation.status-2 .btn{
    background: #c60023;
}
.pro-table .cell-operation.status-2 .btn:hover{
    border:#c60023;
}
.pro-table .disabled-0{
    background: #eee;
    opacity: 0.4;
}

    /* 分页容器的样式 */
.pagination{
    margin-top: 25px;
}


/* 列表尾部 */
.product-footer{
    background-color: #eee;
}
.product-footer .pro-table .pro-cell{
    text-align: left;
    padding-left: 5px;
}
.product-footer .pro-table .pro-cell:hover{
    cursor: pointer;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    user-select : none;
}
.product-footer .pro-table .pro-cell.cell-blank{
    width: 30%;
}